#reviewProcess {
  position : relative
  width : 100%
  height : 100%
  .reivew-process-nav {
    width : 25%
    height : 100%
    padding : 40px 40px
    float : left
    background : #fff;
    border-right: 1px solid #ccc
    .nav-item {
      position : relative
      padding : 20px 20px 20px 40px
      margin-bottom : 10px
      cursor : pointer
      background-color : #e5e5e5;
      &:hover {
        background-color : #7f7f7f
        .shortTitle, .longTitle, .alert {
          color : #fff;
        }
      }
      &.active {
        background-color : #7f7f7f
        .mark {
          display : block
        }
        .shortTitle, .longTitle, .alert {
          color : #fff;
        }
      }
      .mark {
        display : none
        position : absolute;
        top : 0;
        left : 0;
        bottom : 0;
        width : 8px;
        background : #4a96ff;
      }
      .shortTitle {
        font-size : 18px;
        color : #4c4c4c;
      }
      .longTitle {
        font-size : 12px;
        color : #4c4c4c;
      }
      .alert {
        margin-top : 10px
        font-size : 12px;
        color : #4c4c4c;
        .record {
          margin-right : 10px
          color : #F7981C;
        }
      }
    }
  }
  .review-process-ps {
    position : relative
    width : 75%
    height : calc(100% - 40px)
    padding : 60px 20px 20px 60px
    float : left
    background-color : #fff

    .apply-type, .apply-basis {
      width : 55%
      margin-bottom : 40px
      .title {
        margin-bottom : 6px
        font-size : 14px;
        color : #999999;
      }
      .con {
        position relative
        font-size : 16px;
        color : #333333;
        .ivu-input {
          resize none
          border-color transparent
          background-color : transparent
          overflow : hidden;
          &:hover {
            border-color : #dddee1
            background-color : #fff
          }
          &:focus {
            border-color : #57a3f3
            background-color : #fff
          }
        }
        .btn-tools {
          position : absolute
          bottom : -35px
          right : 0
        }
      }
    }

    .process-list {
      display : inline-block
      max-width : 100%
    }
    .process-ps {
      padding : 30px 0 20px
      .process-ps-flex {
        display : inline-flex
        padding-right : 20px
      }
    }
    .process-child {
      position : relative
      width : 340px
      margin-left : 20px
      &:first-child {
        margin-left : 0
      }
      &:hover {
        .edit-btn {
          display : block
        }
      }
      .process-child-body {
        padding : 20px 30px
        background-color : #e5e5e5

      }
      .edit-btn {
        display : none
        position : absolute
        top : -25px;
        right : 0px;
        width : 100px
        height : 25px
        text-align : right
        span {
          padding : 5px 9px
          color : #fff;
          background-color : #f7981c;
          font-size : 10px;
          -webkit-transform : scale(0.8)
          cursor : pointer;
        }
      }
      .process-title {
        text-align : center
        margin-bottom : 20px
        font-size : 16px;
        color : #333333;
      }
      .card {
        margin-bottom : 30px
        .title {
          margin-bottom : 6px
          font-size : 14px;
          color : #4A96FF;
        }
        .con {
          font-size : 14px;
          color : #333333;
          >a {
            color #333
            &:hover {
              color #4a96ff  
            }
          }  
          .activity-item {
            margin-bottom : 10px
            .description {
              margin-top : 5px
            }
          }
        }
      }
    }
  }
  .footer {
    width : 75%
    height : 40px
    line-height : 40px
    float : left
    background : #202433;
    .btn-edit-all {
      display : inline-block
      width : 160px
      text-align : center
      color : #fff
      font-size : 16px;
      float : right
      background-color : #F7981C;
      cursor : pointer
    }
  }
  .title-mark, .prize-info {
    padding : 2px 6px
    font-size : 10px;
    color : #FFFFFF;
    -webkit-transform : scale(0.8)
    background : #7f7f7f;
  }

  .prize-info.mark {
    background : #7C4DC4;
  }
}
